<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的编程资源</title>
	<link rel="shortcut icon" type="image/x-icon" href="http://okowaawz9.bkt.clouddn.com/favicon.ico" media="screen" />
	<style>
	*{
		margin: 0px;
		padding: 0px;
	}
	.firstofall{
		width: 900px;
			height: 100px;
			/*background: pink;*/
			margin: 20px auto;
		margin: 0 auto;
		margin-top: 20px;

	}
	.firstofall img{
		width: 150px;
		height: 100px;
		display: inline-block;
		float: left;
	/*	background: #ccc;*/
		
	}
		.first{
			width: 900px;
			height: 150px;
			background: pink;
			margin: 20px auto;

		}
		.left{
			width: 49.6%;
			height: 150px;
			background: #ccc;
			display: inline-block;
			float: left;
		}
		.right{
			width: 49.6%;
			height: 150px;
			display: inline-block;
			float: right;
			background: #ccc;
		}
		.one{
			width: 100%;
			height: 50px;
			line-height: 50px;
			background: skyblue;
		}
		.two{
			width: 100%;
			line-height: 50px;
			/*background: #000;*/
		}
		.three{
			width: 100%;
			line-height: 50px;
			/*background: #111;*/
		}
		.blackToFirst{
			width: 50px;
			height: 100px;
			background: #ccc;
			display: inline-block;
			position: fixed;
			right: 50px;
			bottom: 50px;
		  
		}
		.btf{
			width: 50px;
			height: 58px;
			background: url(http://okowaawz9.bkt.clouddn.com/iconFloat.png) left -59px no-repeat;
		}
		.blackToFirst a{
			display: inline-block;
			width: 50px;
			height: 58px;
			background: rgba(255,255,255,0.5);
		}
		.blackToFirst a:hover{
			display: inline-block;
			width: 50px;
			height: 58px;
			background: rgba(125,125,125,0.5);
		}
		.bts{
			width: 50px;
			height: 58px;
			background: url(http://okowaawz9.bkt.clouddn.com/iconFloat.png) left -118px no-repeat;
		}
	</style>
</head>
<body>
<div class="firstofall">
	<div>
		<a href="http://www.dobetter.win/" target="_blank"><img src="http://okowaawz9.bkt.clouddn.com/firstofall.png" alt="" title="加油，只为更好点"></a>
	</div>	
	</div>
	<div class="first">
		<div class="left">
			<div class="one">资源名称:Git&GitHub</div>
			<div class="two">资源地址:<a href="http://pan.baidu.com/s/1hsbroHI">http://pan.baidu.com/s/1hsbroHI</a></div>
			<div class="three">提取密码:7i5g</div>
		</div>
		<div class="right">
			<div class="one">资源名称:sublime安装包_win64</div>
			<div class="two">资源地址:<a href="http://pan.baidu.com/s/1eR6npOA">http://pan.baidu.com/s/1eR6npOA</a> </div>
			<div class="three">提取密码:lxhf
				
			</div>
		</div>
	</div>
	<div class="first">
		<div class="left">
			<div class="one">资源名称:</div>
			<div class="two">资源地址:<a href=""></a></div>
			<div class="three">提取密码:</div>
		</div>
		<div class="right">
			<div class="one">资源名称:</div>
			<div class="two">资源地址:<a href=""></a> </div>
			<div class="three">提取密码:
				
			</div>
		</div>
	</div>
	<div class="blackToFirst">
		<div class="bts" title="回到顶部"><a href="#"></a></div>
		<div class="btf" title="回到首页"><a href="index.html"></a></div>
	</div>
</body>
</html>
